@import '../constant.scss';
.tab-bar {
  background-color: #F8F8F8;
  bottom: 0;
  display: flex;
  height: 62PX;
  left: 0;
  padding-bottom: env(safe-area-inset-bottom);
  position: fixed;
  right: 0;
}

.tab-bar-item {
  align-items: center;
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  text-align: center;

  .small {
    height: 20PX;
    width: 20PX;
  }

  .large {
    height: 30PX;
    width: 30PX;
    border-radius: 50%;
    background-color: $LIGHT_BLUE;
    padding: 10PX;
    position: fixed;
    bottom: 10PX;
    // z-index: 9999;
  }

  cover-view {
    font-size: 16PX;
  }
}
